<template>
	<view class="page-height">
		<view class="page-content">
			<web-view class="web-view" :webview-styles="webviewStyles" :src="web"></web-view>
		</view>
		<u-toast ref="uToast"></u-toast>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				web: '',
				webviewStyles: {
					progress: {
						color: '#27D19A'
					}
				}
			}
		},
		onLoad(option) {
			if (option.title) {
				uni.setNavigationBarTitle({
					title: option.title
				})
			}
			this.web = decodeURIComponent(option.web);
			console.log(1111,this.web);
		}
	}
</script>

<style lang="scss" scoped>
	.page-height {
		box-sizing: content-box;
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 100vh;
	}

	.page-content {
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.web-view {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
</style>
